.main{ height: 560px;width: 800px;position: absolute;top:50%;left:50%;margin-left:-400px;margin-top:-280px;border:solid 1px #ccc;border-radius: 10px;overflow: scroll;}
.main .left{width:80%;float:left;background:#f1f1f1;height: 558px;}
.main .right{width:19%;float:right;background:#f1f1f1;height: 558px;border-left:solid 2px blue;}
.main .left .top{height: 81%;width: 100%;background: white; border-bottom: solid 2px blue;}
.main .left .bottom{height: 18%;width: 100%;background: white;}
.main .left .bottom .input{width: 80%;height: 100%;float:left;}
.main .left .bottom .sendbutton{width: 20%;height: 100%;float:right;}
.main .left .bottom .send{width:100%;height: 100%;}
.main .left .bottom .message{width:100%;height: 100%;}


/***消息 框***/
#msgs{list-style: none;}
#msgs .msg{list-style: none; background:teal;color:white;border-radius: 10px; line-height: 25px;padding: 5px 20px; margin-top:20px;}
#msgs .msg .words{margin-left:50px;}

.memberlist{list-style: none;}
.memberlist li{list-style: none; cursor: pointer; line-height: 35px;}
.memberlist li .online{color:green; font-size: 16px;}
.memberlist li .online::after{content: "  ";}
.memberlist li .offline{color:red;}
